/* common.css */
a{
    text-decoration: none;
    color: #000;
}
.pointer{
    cursor: pointer;
}
.display-none{
    display:none;
}

.opacity{
    opacity: 0;
}
/* flex布局，水平垂直居中 */
.d-flex {
    display: flex;
    justify-content: center;
    align-items:center;
}
/* 主轴从左到右 */
.justify-content-start{
    justify-content:flex-start;
}
/* 主轴从右到左 */
.justify-content-end{
    justify-content:flex-end;
}
/* 主轴居中 */
.justify-content-center{
    justify-content:center;
} 
.justify-content-between{
    justify-content:space-between;
}
.justify-content-around{
    justify-content:space-around;
}

/* 侧轴从上到下 */
.align-items-start{
    align-items:flex-start;
}
.align-items-end{
    align-items:flex-end;
}
.align-items-center{
    align-items:center;
}

/* 更改主轴方向 */
.flex-column{
    flex-direction:column;
}
/* 但行文本溢出处理 */
.single-text-omitted{
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
}
/* 多行文本溢出处理 */
.multi-text-omitted{
    text-overflow:ellipsis;
    overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
}

.green{
    background-color: green;
    height:100%;
}

.icon{
    width: 1em;
    height: 1em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
}
